<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/style_user.css">
    <script src="__STATIC__/js/jquery-1.8.2.js"></script>
    <title>登录</title>
    <script>
        $(function(){
            $(".tablist li").click(
                    function(){
                        var a=$(".tablist li").index(this);
                        $(this).addClass("cur");
                        $(this).siblings().removeClass("cur");
                        $(".tabcon>div").eq(a).css({display:"block"});
                        $(".tabcon>div").eq(a).siblings().css({display:"none"});
                    }
            )
        })
    </script>
</head>
<body>
<div class="wrap-login">
    <div class="header">
        <img src="__STATIC__/img_user/dl-beijing.png" class="bg">
        <div class="logo">
            <img src="__STATIC__/img_user/logo.png">
            <p><a href="#">商家登录</a></p>
        </div>
        <img src="__STATIC__/img_user/dl-quxiao.png" class="close">
    </div>
    <div class="tabcon">
        <div class="cur">
            <div>
                <form action="" method="post" id="form_1" >
                    <div class="text">
                        <input type="text" name="username" placeholder="账号" nullmsg="账号不能为空" datatype="*" errormsg="" >
                    </div>
                    <div class="text">
                        <input type="password" placeholder="密码" name="password" id="pwd_1" nullmsg="密码不能为空" datatype="*">
                        <img src="__STATIC__/img_user/dl-mimab.png" id="p_1" onclick="toggle(1)">
                    </div>
                    <input type="submit" value="登录" id="sub_1" class="submit">
                    <p class="find"><a href="{:url('mobile/user_port/findPwd')}">找回密码</a></p>
                </form>
                <!--<div class="type">-->
                    <!--<div class="or">-->
                        <!--<div><img src="__STATIC__/img_user/line.png"><span> OR </span><img src="__STATIC__/img_user/line.png"></div>-->
                    <!--</div>-->
                    <!--<ul>-->
                        <!--<li>-->
                            <!--<a href="#"><img src="__STATIC__/img_user/dl-weixin.png"><br><span>微信</span></a>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<a href="#"><img src="__STATIC__/img_user/dl-qq.png"><br><span>QQ</span></a>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<a href="#"><img src="__STATIC__/img_user/dl-weibo.png"><br><span>微博</span></a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            </div>
        </div>
        <!--<div>-->
            <!--<form onsubmit="return false" action="" method="post" id="form_2">-->
                <!--<div class="text">-->
                    <!--<input type="text" placeholder="账号" nullmsg="账号不能为空" name="username" id="un2" datatype="m" errormsg="账号格式不对(应为手机号)">-->
                <!--</div>-->
                <!--<div class="text">-->
                    <!--<input type="text" placeholder="验证码" nullmsg="请输入4位验证码" name="yzm" datatype="n4" errormsg="验证码格式不正确">-->
                    <!--<span><a href="javascript:check_num();" id="yzm_2">获取验证码</a></span>-->
                <!--</div>-->
                <!--<div class="text">-->
                    <!--<input type="password" placeholder="密码" id="pwd_2" name="password" nullmsg="密码不能为空" datatype="*">-->
                    <!--<img src="__STATIC__/img_user/dl-mimab.png" id="p_2" onclick="toggle(2)">-->
                <!--</div>-->
                <!--<input type="submit" value="注册" class="submit" id="sub_2">-->
            <!--</form>-->
        <!--</div>-->

    </div>


</div>
{include file="public/src" /}
<script>
    //验证表单元素
    $(function () {
        $.Tipmsg.r = null;
        $.Tipmsg.p = null;
        $.Datatype.n4 = /^\d{4}$/;
        var demo = $("#form_1").Validform({
            btnSubmit:'#sub_1',
            tiptype: function (msg) {
                layer.open({content: msg, skin: 'msg', time:2});
            },
            tipSweep: true,
            ajaxPost:true,
            callback:function(t){
                if (t.code == 200){
                    layer.open({content:t.message,skin:'msg',time:2});
                    setTimeout(function () {
                       window.location.href = "{:url('mobile/user_info/my_shop_index')}";
                    },2000);
                }else{
                    layer.open({content:t.message,skin:'msg',time:2});
                }
            }
        });
        demo.config({
            ajaxpost:{
                error: function () {
                    layer.open({content:'网络繁忙,请重试',skin:'msg',time:2});
                }
            }
        });
//        var demo2 = $("#form_2").Validform({
//            tiptype: function (msg) {
//                layer.open({content: msg, skin: 'msg', time:2});
//            },
//            btnSubmit:'#sub_2',
//            tipSweep: true,
//            ajaxPost:true,
//            callback:function(t){
//                if (t.code == 200){
//                    mh_dialogShow('mh_success',t.message,2,true,'index');
//                }else{
//                    layer.open({content:t.message,skin:'msg',time:2});
//                }
//            }
//        });
//        demo2.config({
//            url:"register"
//        });
    });
    //切换密码的可视类型
    function toggle(id){
        var type = $('#pwd_'+id);
        if (type.prop('type') == 'text'){
            type.prop('type','password');
            $('#p_'+id).prop('src','__STATIC__/img_user/dl-mimab.png');
        }else {
            type.prop('type','text');
            $('#p_'+id).prop('src','__STATIC__/img_user/dl-mima.png');
        }
    }
    //发送验证码
//    function check_num(){
//        var tel = $("#un2").val();
//        if (tel == ''){
//            layer.open({content: '请输入注册账号', skin: 'msg', time:2});
//            return false;
//        }
//        if (!(/^1(3|4|5|7|8)\d{9}$/.test(tel))){
//            layer.open({content: '账号格式不正确', skin: 'msg', time:2});
//            return false;
//        }
//        if (!check_unique(tel)){
//            return false;
//        }
//
//        count_down();
//        $.ajax({
//            url:"{:url('mobile/shop_set/get_code')}",
//            dataType:'json',
//            type:'post',
//            data:{'tel':tel,'act':'reg'},
//            success:function(t){
//                if (t.code != 200){
//                    layer.open({
//                        content: t.message
//                        ,btn: '我知道了'
//                    });
//                }
//            }
//        })
//    }
    //验证码倒计时
//    function count_down(){
//        var num = 60;
//        var verif = $('#yzm_2');
//        var timer = setInterval(function(){
//            verif.text(num+'秒');
//            if (num <=60 && num >= 1){
//                verif.removeAttr('href');
//            }else{
//                verif.text('重新获取验证码');
//                window.clearInterval(timer);
//                verif.attr("href",'javascript:check_num(this.id);');
//            }
//            num--;
//        },1000);
//    }
    //检测新绑定的手机号码的唯一性
//    function check_unique(tel){
//        var flag = true;
//        $.ajax({
//            url:"{:url('mobile/shop_set/check_bind_tel')}",
//            type:'post',
//            async:false,
//            dateType:'json',
//            data:{'tel':tel},
//            success:function(t){
//                if (t.code != 200){
//                    layer.open({content: t.message,skin: 'msg',time:2});
//                    flag = false;
//                }
//            }
//        });
//        return flag;
//    }
</script>
</body>
</html>